@import '/styles/mixins.less';
@import '/styles/variables.less';

.reservation-tabs {
  .flex(center, space-between);
  .reservation-tabs-item {
    flex:1;
    font-size: 26rpx;
    color: rgba(255,255,255,0.6);
    .flex-column();
    .reservation-tabs-item-icon {
      width: 64rpx;
      height: 64rpx;
      border-radius: 50%;
      background-color: rgba(255,255,255,0.2);
      background-size: 100%;
      background-repeat: no-repeat;
      .flex();
      image {
        width: 32rpx;
        height: 32rpx;
      }
    }
  }
  .reservation-tabs-item-desc {
    padding-top: 8rpx;
  }
  .reservation-tabs-act {
    font-size: 30rpx;
    font-weight: 500;
    color: rgba(255,255,255, 1);
    position: relative;
    .reservation-tabs-item-icon  {
      background-color: #fff;
    }
    &::after {
      content: '';
      width: 60rpx;
      height: 4rpx;
      background-color: #fff;
      border-radius: 12rpx;
      position: absolute;
      bottom: -10rpx;
    }
  }
}
